﻿@model IAS.WEB.ViewModels.RegisterViewModel
@{
	Layout = null;
}

<!DOCTYPE html>

<html>
<head lang="zh-cn">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<title>注册页 - Elite OA</title>

	<meta name="description" content="User Register page" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="~/Content/aceAdmin/css/bootstrap.min.css" />
	<link rel="stylesheet" href="~/Content/aceAdmin/css/font-awesome.min.css" />

	<!-- text fonts -->
	<link rel="stylesheet" href="~/Content/aceAdmin/css/ace-fonts.css" />

	<!-- ace styles -->
	<link rel="stylesheet" href="~/Content/aceAdmin/css/ace.min.css" />

	<link rel="stylesheet" href="~/Content/aceAdmin/css/ace-rtl.min.css" />

</head>
<body class="login-layout">
	<div class="main-content">
		<div class="row">
			<div class="col-sm-10 col-sm-offset-1">
				<div class="login-container">
					<div class="center">
						<h1>
							<i class="ace-icon fa fa-leaf green"></i>
							<span class="red">Ace</span>
							<span class="white" id="id-text2">Application</span>
						</h1>
						<h4 class="blue" id="id-company-text">&copy; 金日科技</h4>
					</div>

					<div class="space-6"></div>
					<div id="signup-box" class="signup-box widget-box visible no-border">
						<div class="widget-body">
							<div class="widget-main">
								<h4 class="header green lighter bigger">
									<i class="ace-icon fa fa-users blue"></i>
									新用户注册
								</h4>

								<div class="space-6"></div>
								<p> 输入您的注册信息： </p>
								@using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
								{
									@Html.AntiForgeryToken()

									@Html.ValidationSummary("", new { @class = "text-danger" })

									<label class="block clearfix">
										<span class="block input-icon input-icon-right">
											@*<input type="email" name="email" class="form-control" placeholder="YouName@chinsan.com" />*@
											@Html.TextBoxFor(m => m.UserName, new { @class = "form-control", placeholder = "用户名" })
											@Html.ValidationMessageFor(m => m.UserName)
											<i class="ace-icon fa fa-envelope"></i>
										</span>
									</label>

									<label class="block clearfix">
										<span class="block input-icon input-icon-right">
											@*<input type="text" class="form-control" placeholder="用户名" />*@
											@*@Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "您的金日企业邮箱" })*@
											@Html.ValidationMessageFor(m => m.Email)
											<i class="ace-icon fa fa-user"></i>
										</span>
									</label>

									<label class="block clearfix">
										<span class="block input-icon input-icon-right">
											@*<input type="password" class="form-control" placeholder="密码" />*@
											@Html.PasswordFor(m => m.Password, new { @class = "form-control", placeholder = "密码" })
											@Html.ValidationMessageFor(m => m.Password)
											<i class="ace-icon fa fa-lock"></i>
										</span>
									</label>

									<label class="block clearfix">
										<span class="block input-icon input-icon-right">
											@*<input type="password" class="form-control" placeholder="密码确认" />*@
											@Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control", placeholder = "密码确认" })
											@Html.ValidationMessageFor(m => m.ConfirmPassword)
											<i class="ace-icon fa fa-retweet"></i>
										</span>
									</label>

									<div class="space-24"></div>
									<div class="clearfix">
										<button type="reset" class="width-30 pull-left btn btn-sm">
											<i class="ace-icon fa fa-refresh"></i>
											<span class="bigger-110">重置</span>
										</button>

										<button type="submit" class="width-65 pull-right btn btn-sm btn-success" id="btnRegister">
											<span class="bigger-110">注册</span>

											<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
										</button>
									</div>
								}
							</div>
							<div class="toolbar center">                               
								<a href="@Url.Action("Login", "Account")" data-target=" #login-box" class="back-to-login-link">
									<i class="ace-icon fa fa-arrow-left"></i>
									返回登录
								</a>
							</div>
						</div>
					</div>
				   
				</div>
				<div class="navbar-fixed-top align-right">
					<br />
					&nbsp;
					<a id="btn-login-dark" href="#">Dark</a>
					&nbsp;
					<span class="blue">/</span>
					&nbsp;
					<a id="btn-login-blur" href="#">Blur</a>
					&nbsp;
					<span class="blue">/</span>
					&nbsp;
					<a id="btn-login-light" href="#">Light</a>
					&nbsp; &nbsp; &nbsp;
				</div>
			</div>

		</div>

	</div>
	@Scripts.Render("~/bundles/jquery")

	@Scripts.Render("~/bundles/jqueryval")

	<script type="text/javascript">

			//切换主题
			jQuery(function($) {
			 $('#btn-login-dark').on('click', function(e) {
				$('body').attr('class', 'login-layout');
				$('#id-text2').attr('class', 'white');
				$('#id-company-text').attr('class', 'blue');

				e.preventDefault();
			 });
			 $('#btn-login-light').on('click', function(e) {
				$('body').attr('class', 'login-layout light-login');
				$('#id-text2').attr('class', 'grey');
				$('#id-company-text').attr('class', 'blue');

				e.preventDefault();
			 });
			 $('#btn-login-blur').on('click', function(e) {
				$('body').attr('class', 'login-layout blur-login');
				$('#id-text2').attr('class', 'white');
				$('#id-company-text').attr('class', 'light-blue');

				e.preventDefault();
			 });

			});
	</script>
</body>
</html>
